Esquema CSS

Un contorno es una línea que se dibuja alrededor de los elementos, FUERA de los bordes, para hacer que el elemento "se destaque".

Ancho del contorno CSS

La propiedad especifica el ancho del contorno, y puede tener uno de los siguientes valores: outline-width

• delgado (típicamente 1px)
• Medio (típicamente 3px)
• grueso (típicamente 5px)
• Un tamaño específico (en px, pt, cm, em, etc.)

Entonces, así es como funciona:

Si la propiedad tiene cuatro valores: margin

margen: 25px 50px 75px 100px;

• El margen superior es de 25px
• El margen derecho es de 50px
• El margen inferior es 75px
• El margen izquierdo es 100px



En el ejemplo siguiente se muestran algunos contornos con diferentes anchos:










---




Color de contorno CSS

La propiedad se utiliza para establecer el color del contorno outline-color

El color se puede establecer mediante:

• Nombre: especifique un nombre de color, como "rojo"
• HEX: especifique un valor hexadecimal, como "#ff0000"
• RGB: especifique un valor RGB, como "rgb(255,0,0)"
• HSL: especifique un valor HSL, como "hsl(0, 100%, 50%)"
• invertir: realiza una inversión de color (lo que garantiza que el contorno sea visible, independientemente del fondo de color)















---